luci-material-theme: make control-group flex

The control-group div does not flex. The buttons overflow the screen.

This change mades them flex.

Signed-off-by: Miguel Angel Mulero Martinez <[email protected]>
(cherry picked from commit 17ddeb7b579160b5367047bbfaa079090090b888)

diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
index b6094d7fb9878ad363ec2218db10654625b81d08..b194ff0d3bf3b4abf9b83a6d319cd41cd70f54ea 100644 (file)
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -2341,6 +2341,12 @@ input[name="nslookup"] {
        margin-bottom: .2rem;
 }
 
+.control-group {
+       display: flex;
+       flex-wrap: wrap;
+       gap: 2px;
+}
+
 [data-page="admin-system-opkg"] div.btn {
        line-height: 3;
        display: inline;